<template>
	<div>
		<div class='recommendationsbox'>
			<view v-for="(ele,index) in datalist " :key='index'>
				<image :src="ele.picUrl" mode=""></image>
				<view class="detalis">
					<view class="detalisname">
						{{ele.name}}
					</view>
					<view class="detalisname">
						{{ele.exprience}}
					</view>
					<view class="detalisname">
						{{ele.money}}
					</view>
				</view>
			</view>



		</div>

	</div>
</template>

<script>
	export default {
		data() {
			return {
				datalist: []
			}
		},
		async mounted() {

			let talentslist = await this.$api.json('talentslist');
			this.datalist = talentslist
		}
	}
</script>

<style scoped>
	.detalisname{
		font-size: 14px;
	}
	.recommendationsbox {
		margin-top: 15px;
		background-color: #fff;

		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.recommendationsbox>view {
		/* margin: 10px; */
		margin: 10px 10px;
		width: 40%;
		text-align: center;
		border-radius: 5px;
	}

	image {
		width: 150px;
		height: 120px;
	}

	.detalis {
		margin-bottom: 5px;
	}
</style>
